iT邦幫忙

2024 iThome 鐵人賽

DAY 6
0

迴圈允許我們重複執行某段代碼,直到達到特定的條件。JavaScript 中有幾種常見的迴圈類型:for 迴圈、while 迴圈 和 do...while 迴圈。

1. for 迴圈

for 迴圈是最常見的迴圈之一,允許我們控制循環的次數

for (初始化; 條件; 更新) {
// 執行的代碼
}

範例:
for (let i = 0; i < 5; i++) {
console.log("這是第 " + i + " 次迴圈");
}

這個範例會從 i = 0 開始,當 i 小於 5 時,每次執行後會將 i 增加 1。最終輸出為:

這是第 0 次迴圈
這是第 1 次迴圈
這是第 2 次迴圈
這是第 3 次迴圈
這是第 4 次迴圈

2. while 迴圈

while 迴圈會在條件為 true 時不斷執行代碼,直到條件為 false。

語法:

while (條件) {
// 執行的代碼
}

範例:

let count = 0;
while (count < 3) {
console.log("Count 是 " + count);
count++;
}

這段代碼會在 count 小於 3 時不斷輸出結果,最終會輸出:

Count 是 0
Count 是 1
Count 是 2

3. do...while 迴圈

do...while 迴圈與 while 迴圈的區別是,do...while 會先執行一次代碼,然後再檢查條件是否成立。

語法:

do {
// 執行的代碼
} while (條件);

範例:

let number = 5;
do {
console.log("Number 是 " + number);
number--;
} while (number > 0);

這段代碼會輸出:
Number 是 5
Number 是 4
Number 是 3
Number 是 2
Number 是 1

4. 迴圈的應用

迴圈在處理數組時非常有用。

let fruits = ["Apple", "Banana", "Cherry"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}

這段代碼會依次輸出數組中的每個水果:
Apple
Banana
Cherry

5. 迴圈的提前結束和跳過

有時候我們需要提前結束迴圈,可以通過 break 和 continue 來實現

  • break:結束整個迴圈。
  • continue:跳過當前這一次迴圈,繼續下一次迴圈。

範例:

for (let i = 0; i < 5; i++) {
if (i === 3) {
break; // 當 i 是 3 時,終止迴圈
}
console.log(i);
}

for (let i = 0; i < 5; i++) {
if (i === 2) {
continue; // 當 i 是 2 時,跳過這一次
}
console.log(i);
}

break 範例輸出:
0
1
2

continue 範例輸出:
0
1
3
4


上一篇
陣列
下一篇
條件語句
系列文
JavaScript 基礎:端開發的第一步13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言